﻿@model WebVideo.Models.LoginUserModel
@{
    ViewBag.Title = "DangKy";
}

<script type="text/javascript">
    function Checkdk() {
   
        var Username = $('#Username').val();
        var Email = $('#Email').val();

        var postURL = '@Url.Action("Checkdk", "LoginUser")';
        alert(data.dkch);
        //         $.post("/Admin/Login/CheckId", { "Username": Username, "Pass": Pass }, function (data) {
        $.post(postURL, { "Username": Username, "Email": Email }, function (data) {
            alert(data.dkch);
            if (data.dkch == 1) {
                alert("Tên đăng nhập đã tồn tại");
            }
            else if (data.dkch == 2) {
                alert("Email đã được đăng ký");
            }
        });
};
</script>
@{
    ViewBag.Title = "Đăng ký";
   
}
<div class="" id="inner-container" style="width: 8000px">
    <div class="wrap-widget">
        <div class="inner-widget _6">
            <h1>Đăng ký thành viên</h1>
            <div class="widget _6x3 phone bg-color-grayLight">
                <div class="widget-content">
                    <div class="">
                        @using (Html.BeginForm("DangKy", "LoginUser",                        
             new { ReturnUrl = ViewBag.ReturnUrl },
            FormMethod.Post, new { @class = "form-horizontal", @enctype = "multipart/form-data"}))
                        {
                            <div class="control-group">
                                <label class="control-label" for="inputUser">Tên đăng nhập:</label>
                                <div class="controls">
                                    @Html.EditorFor(model => model.UserName)
                                    @Html.ValidationMessageFor(model => model.UserName)
                                    <input type ="hidden" id ="Link" name ="Link" value ="@Model.Link"/>

                                </div>
                            </div>
                            <div class="control-group pull-left">
                                <label class="control-label" for="inputPassword">Mật khẩu:</label>
                                <div class="controls">
                                    @Html.PasswordFor(model => model.Pass)
                                    @Html.ValidationMessageFor(model => model.Pass)
                                </div>
                            </div>
                            <div class="control-group pull-left">
                                <label class="control-label" for="inputPassword">Nhập lại mật khẩu:</label>
                                <div class="controls">
                                    @Html.PasswordFor(model => model.ConfirmPassword)
                                    @Html.ValidationMessageFor(model => model.ConfirmPassword)
                                </div>
                            </div>
                                
                            <div class="control-group pull-left">
                                <label class="control-label" for="inputUser">Họ tên:</label>
                                <div class="controls">
                                    @Html.EditorFor(model => model.Name)
                                    @Html.ValidationMessageFor(model => model.Name)
                                </div>
                            </div>
                            <div class="control-group pull-left">
                                <label class="control-label" for="inputUser">Năm sinh:</label>
                                <div class="controls">
                                    @Html.EditorFor(model => model.YearBorn)
                                    @Html.ValidationMessageFor(model => model.YearBorn)
                                </div>
                            </div>
                            <div class="control-group pull-left">
                                <label class="control-label" for="inputUser">Giới tính:</label>
                                <div class="controls">
                                    <select name="Sex" id="Sex" >
                                        <option selected></option>
                                        <option value='Nam'>Nam</option>
                                        <option value='Nữ'>Nữ</option>
                                        <option value='Khác'>Khác</option>
                                    </select>
                                    @Html.ValidationMessageFor(model => model.Sex)
                                </div>

                            </div>
                            <div class="control-group pull-left">
                                <label class="control-label" for="inputUser">Tỉnh thành:</label>
                                <div class="controls">
                                    <select name="City" id="City">
                                        <option value="Hồ Chí Minh<">Hồ Chí Minh</option>
                                        <option value='An Giang'>An Giang</option>
                                        <option value='Bắc Giang'>Bắc Giang</option>
                                        <option value='Bắc Kạn'>Bắc Kạn</option>
                                        <option value='Bạc Liêu'>Bạc Liêu</option>
                                        <option value='Bắc Ninh'>Bắc Ninh</option>
                                        <option value='Bến Tre'>Bến Tre</option>
                                        <option value='Bình Dương'>Bình Dương</option>
                                        <option value='Bình Phước'>Bình Phước</option>
                                        <option value='Bình Thuận'>Bình Thuận</option>
                                        <option value='Bình Định'>Bình Định</option>
                                        <option value='BR-Vũng Tàu'>BR-Vũng Tàu</option>
                                        <option value='Cà Mau'>Cà Mau</option>
                                        <option value='Cần Thơ'>Cần Thơ</option>
                                        <option value='Cao Bằng'>Cao Bằng</option>
                                        <option value='Gia Lai'>Gia Lai</option>
                                        <option value='Hà Giang'>Hà Giang</option>
                                        <option value='Hà Nam'>Hà Nam </option>
                                        <option value='Hà Nội'>Hà Nội</option>
                                        <option value='Hà Tĩnh'>Hà Tĩnh </option>
                                        <option value='Hải Dương'>Hải Dương</option>
                                        <option value='Hải Phòng'>Hải Phòng</option>
                                        <option value='Hậu Giang'>Hậu Giang</option>
                                        <option selected></option>
                                        <option value='Hòa Bình'>Hoà Bình</option>
                                        <option value='Hưng Yên'>Hưng Yên</option>
                                        <option value='Khánh Hòa'>Khánh Hoà</option>
                                        <option value='Kiên Giang'>Kiên Giang</option>
                                        <option value='Kon Tum'>Kon Tum</option>
                                        <option value='Lai Châu'>Lai Châu</option>
                                        <option value='Lâm Đồng'>Lâm Đồng</option>
                                        <option value='Lạng Sơn'>Lạng Sơn</option>
                                        <option value='Lào Cai'>Lào Cai</option>
                                        <option value='Long An'>Long An</option>
                                        <option value='Nam Định'>Nam Định</option>
                                        <option value='Nghệ An'>Nghệ An</option>
                                        <option value='Ninh Bình'>Ninh Bình </option>
                                        <option value='Ninh Thuận'>Ninh Thuận</option>
                                        <option value='Phú Thọ'>Phú Thọ </option>
                                        <option value='Phú Yên'>Phú Yên</option>
                                        <option value='Quảng Bình'>Quảng Bình</option>
                                        <option value='Quảng Nam'>Quảng Nam </option>
                                        <option value='Quãng Ngãi'>Quảng Ngãi</option>
                                        <option value='Quảng Ninh'>Quảng Ninh</option>
                                        <option value='Quảng Trị'>Quảng Trị</option>
                                        <option value='Sóc Trăng'>Sóc Trăng</option>
                                        <option value='Sơn La'>Sơn La</option>
                                        <option value='Tây Ninh'>Tây Ninh</option>
                                        <option value='Thái Bình'>Thái Bình</option>
                                        <option value='Thái Nguyên'>Thái Nguyên</option>
                                        <option value='Thanh Hóa'>Thanh Hoá</option>
                                        <option value='Thừa Thiên Huế'>Thừa Thiên Huế</option>
                                        <option value='Tiền Giang'>Tiền Giang</option>
                                        <option value='Trà Vinh'>Trà Vinh </option>
                                        <option value='Tuyên Quang'>Tuyên Quang</option>
                                        <option value='Vĩnh Lonh'>Vĩnh Long </option>
                                        <option value='Vĩnh Phúc'>Vĩnh Phúc</option>
                                        <option value='Yên Bái'>Yên Bái</option>
                                        <option value='Đà Nẵng'>Đà Nẵng</option>
                                        <option value='Đắc Lắk'>Đắc Lắk </option>
                                        <option value='Đắc Nông'>Đắc Nông</option>
                                        <option value='Điện Biên'>Điện Biên</option>
                                        <option value='Đồng Nai'>Đồng Nai </option>
                                        <option value='Đồng Tháp'>Đồng Tháp</option>
                                        <option value='Khác'>Khác</option>
                                    </select>
                                    @Html.ValidationMessageFor(model => model.City)
                                </div>
                            </div>
                            <div class="control-group clearfix">
                                <label class="control-label" for="inputUser">Email:</label>
                                <div class="controls">
                                    @Html.EditorFor(model => model.Email)
                                    @Html.ValidationMessageFor(model => model.Email)
                                </div>
                            </div>
                            <div class="control-group clearfix">
                                <label class="control-label" for="inputUser">Captcha:</label>
                                <div class="controls">
                                    <img src='@Url.Content("~/Captcha/Show")' alt="" class="captcha_img" />
                                    @Html.TextBoxFor(m => m.CaptchaValue)
                                    @Html.ValidationMessageFor(model => model.CaptchaValue)
                                </div>
                            </div>
                            <div class="control-group clearfix">
                                <div class="controls">
                                    <label>
                                       @* <input type="checkbox" id="checkbox" name="checkbox">*@Tôi chấp nhận @Html.ActionLink("Điều khoản ","DieuKhoanDichVu","NSiteInfo") của Video Ads
                                    </label>
                                    <button type="submit" class="btn btn-success">Đăng ký</button>

                                </div>
                            </div>
                        }

                    </div>
                    <!--/ .form-horizontal-->
                </div>
                <!--/ .widget-content-->
            </div>
            <!--/ .widget-->
        </div>
        <!--/ .inner-widget-->
    </div>
    <!--/ .wrap-widget -->
</div>
<!--/ .inner-container-->
@section occasionalScripts {

    <script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/jquery.min.js")" ></script>
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/load.js")" ></script>
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/styles.js")" ></script>
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/jquery.nicescroll.min.js")" ></script>

    <script src="../../Content/cssAdmin/js/plugins/jquery.validate.min.js"></script>
    <script src="../../Content/cssAdmin/js/plugins/jquery.validate.unobtrusive.min.js"></script>

    
    <style type="text/css">
        .input-validation-error
        {
            border: 1px solid #ff0000 !important;
        }

            .input-validation-error text-box single-line
            {
                border: 1px solid #ff0000 !important;
            }

        .field-validation-error
        {
            color: red;
            font-size: 12px;
        }
    </style>

}
